﻿<%@ Assembly Name="$SharePoint.Project.AssemblyFullName$" %>
<%@ Assembly Name="Microsoft.Web.CommandUI, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Assembly Name="System.Core, Version=3.5.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" %>
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ImageRotatorControl.ascx.cs" Inherits="RoketSolutions.SP2010.ImageRotatorWebPart.ControlTemplates.ImageRotatorControl" %>

<%--<link rel="stylesheet" type="text/css" href="<%=ResolveUrl("~/_Layouts/RoketSolutions.SP2010.ImageRotatorWebPart/Styles/imageRotator.css")%>" />
<script type="text/javascript" src="<%=ResolveUrl("~/_Layouts/1033/Scripts/RoketSolutions.SP2010.Infrostructure/jquery-1.7.1.min.js")%>"></script>
<script type="text/javascript" src="<%=ResolveUrl("~/_Layouts/RoketSolutions.SP2010.ImageRotatorWebPart/Scripts/jquery.cycle.js")%>"></script>
<script type="text/javascript" src="<%=ResolveUrl("~/_Layouts/RoketSolutions.SP2010.ImageRotatorWebPart/Scripts/imageRotator.js")%>"></script>--%>

<script type="text/javascript" src="<%= ResolveClientUrl("~/_layouts/1033/Scripts/RoketSolutions.SP2010.Infrostructure/yepnope.js") %>"></script>
<script type="text/javascript">
	yepnope([{
	        load: [
	            '<%= ResolveClientUrl("~/_Layouts/RoketSolutions.SP2010.ImageRotatorWebPart/Styles/imageRotator.css")%>',
	            '<%= ResolveClientUrl("~/_layouts/1033/Scripts/RoketSolutions.SP2010.Infrostructure/jquery-1.7.1.min.js") %>',
	            '<%= ResolveClientUrl("~/_Layouts/RoketSolutions.SP2010.ImageRotatorWebPart/Scripts/jquery.cycle.js")%>',
	            '<%= ResolveClientUrl("~/_Layouts/RoketSolutions.SP2010.ImageRotatorWebPart/Scripts/imageRotator.js")%>'],
	        complete: function() {
	            $(function() {
	                var options = <%= GetOptionsJson() %> ;
	                $("#<%= ClientID %>").imageRotator(options);
	            });
	        }
	    }]);
</script>

<div id='<%= ClientID %>' class='slider-container'>
	<div class="slider-container-inner">
		<div class="image-slider">
			<asp:Repeater runat="server" ID="RepeaterSliders" OnItemDataBound="OnRepeaterSlidersItemDataBound"
				EnableViewState="false">
				<ItemTemplate>
					<asp:HyperLink runat="server" ID="HyperLinkItem" NavigateUrl="javascript:void(0);" CssClass='<%# Container.ItemIndex == 0 ? "firstSlide" : "" %>'>
						<asp:Image runat="server" ID="ImageItem" />
					</asp:HyperLink>
				</ItemTemplate>
			</asp:Repeater>
		</div>
		<%--<div class="image-slider-prevnext-nav">
			<div class="prev-btn">
				<span class="btn-inner"></span>
			</div>
			<div class="next-btn">
				<span class="btn-inner"></span>
			</div>
		</div>--%>
	</div>
	<div class='corner-t-l'>
	</div>
	<div class='corner-t-r'>
	</div>
	<div class='corner-b-l'>
	</div>
	<div class='corner-b-r'>
	</div>
</div>
